<template>
  <div class="OtherApi">
    <h3>Shallow</h3>
    <Shallow />
    <h3>Only和Raw</h3>
    <Only />
    <h3>自定义ref</h3>
    <CustomRef />
  </div>
</template>

<script setup lang="ts" name="OtherApi">
import Shallow from '@/OtherApi_Part/Shallow.vue';
import Only from '@/OtherApi_Part/Only.vue';
import CustomRef from '@/OtherApi_Part/CustomRef.vue';
</script>

<style scoped>
h3 {
  text-align: center;
  background-color: yellowgreen;
  border-radius: 10px;
}

.OtherApi {
  text-align: center;
}
</style>